<!DOCTYPE html>
<html class=" portrait">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>中国人 中国行</title>
    <meta name="description" content="66年盛世中华我们共同走过！领十一打车券，滴滴出行助力国人幸福前行！">
    <meta name="keywords" content="H5页面展示,H5网页展示,微场景应用,微信页面应用,微杂志案例, 微信场景应用">
    <meta name="author" content="epub360">
    <meta name="renderer" content="webkit">
    <meta name="version" content="Epub360 2.0">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <link rel="apple-touch-icon" href="http://qn.media.epub360.com/book/icon/c0f4e8e443ac6714e94b905356050999_origin.png">
    <link rel="apple-touch-startup-image" href="http://qn.media.epub360.com/book/icon/c0f4e8e443ac6714e94b905356050999_origin.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1.0, user-scalable=no">

    <!--<script type="text/javascript" src="http://tajs.qq.com/stats?sId=46837630"></script>-->
    <script type="text/javascript" async="" defer="" src="//v2static.epub360.com/thirdparty/piwik/piwik.js"></script>
    <script src="//v2static.epub360.com/thirdparty/script/script.min.js"></script>
    <link rel="stylesheet" href="//v2static.epub360.com/thirdparty/animate/animate.min.css">

    <script>
        var player_modules = [];
        var loadmodules = [];
        var MODULES_DICT = {}
    </script>
    <script>
        if (window.location.search != '' && /(e_ua=)/.test(window.location.search)) {
            var script = document.createElement("script");
            script.type = "text/javascript";
            script.src = "//v2static.epub360.com/diazo/epub360player/uasdk-1.0.0.min.js";
            document.head.appendChild(script);
        }
    </script>

    <script type="text/javascript">
        _udn = "epub360.com";
        var if_show_cover = 0;
        var _gaq = _gaq || [];  // to ensure ga anlytics work in player
        var _paq = _paq || [];
        var data_link = ''; // to store the data not for sharing of paragraph/slide/...

        var weixin_initial = 0, weixin_config_ready = 0, epub360_domain = 'epub360';
    </script>
    <script type="text/javascript">function workEnd(type) {
    }
    if (navigator.userAgent.indexOf("MSIE 8.0") >= 0) {
        Array.prototype.indexOf = function (Object) {
            for (var i = 0; i < this.length; i++)
                if (this[i] == Object)
                    return i;
            return -1;
        }
    }
    </script>

    <link rel="stylesheet" href="//v2static.epub360.com/diazo/player-built/mobileview.built.ee33b878.cache.css">

    <style type="text/css">div.epub360-logo1, div.epub360-logo2, div.epub360-logo3 {
        display: none;
    }</style>


    <script type="text/javascript">
        var js_built = 1;
        var preview_mode = 0;
        var portal_url = '/';
        var context_type = 'PhotoGallery';
        var context_url = '/v2/manage/book/ombibz/';
        var web_url = '//v2static.epub360.com/';
        if (window.location.protocol == 'https:') {
            web_url = 'https:' + web_url
        } else if (web_url.indexOf('epub360.com') > 0)
            web_url = 'http:' + web_url;

        var ga_opt_target = document.location.origin + context_url, ga_opt_pagePath = context_url;
        var has_logo = 0;
        var dict = {"msg": "success", "code": 200, "data": {}};

        var epub360 = epub360 || {};
        epub360.settings = epub360.settings || {};
        epub360.PlayerPlugins = epub360.PlayerPlugins || [];
        epub360.settings.billing_type = '';


        epub360.settings.pems = {'has_analytics_src': false};

        window.epub360_userinfo = {};
        window.epub360_sourceinfo = {};
    </script>
    <script type="text/javascript">
        var request_server = new window.XMLHttpRequest();
        var request_url = "./js/config.js?url=" + encodeURIComponent(window.location.origin + window.location.pathname + window.location.search);
        request_server.onreadystatechange = function () {
            if (request_server.readyState != 4 || request_server.status != 200) return;
            var b = request_server.responseText;
            eval(b);
            weixin_config_ready = 1;
            if (typeof initEpub360Player == 'function') {
                initEpub360Player();
            }
        };
        request_server.open('GET', request_url, true);
        request_server.send(null);
    </script>
    <script async="" src="//v2static.epub360.com/diazo/player-built/touchview.built.3e82d160.cache.js"></script>


</head>
<body class="template-player portaltype-interaction-photogallery site-demo section-pic build"
      style="background: rgb(153, 153, 153);">

<div style="display:none;">
    <img src="http://qn.media.epub360.com/book/icon/c0f4e8e443ac6714e94b905356050999_origin.png">
</div>

<div class="reveal typo iMouseWheel enableMouseWheel enableMouseWheelY enableDragY"
     style="zoom: 1; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none; width: 320px; height: 480px; margin-top: 234px; margin-left: 282px;">
    <div class="slides-wrap" style="position:absolute;width:100%;height:100%;left:0;top:0;z-index:1000;">
        <div class="slides  c-transition-containment" style="width: 320px; height: 480px;">


            <div class="slideTempContainer" style="position:absolute;left:-99999px;top:-99999px;">
                <section class="group" id="group_page_13853534097181">


                    <section class="Presentation c-transition-item" id="page_1e08d4342dd94470"
                             style="background-color: rgb(255, 255, 255); width: 100%; height: 100%;">
                        <div class="interaction-area typo"
                             style="width: 100%; height: 100%; margin-left: 0px; margin-top: 0px;">
                            <div class="interaction-view">
                                <div class="iView dynamic" data-type="Image" id="20150929152730908494246"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 150, 150); z-index: 1000;">
                                    <div class="iImage Element"
                                         style="position: absolute; left: -100px; top: -100px; width: 200px; height: 200px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                </div>
                                <div class="iView dynamic" data-type="Image" id="20150929190101828153335"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160, 239.5); z-index: 1001; opacity: 1;">
                                    <div class="iImage Element"
                                         style="position:absolute;left: -157px; top: -240.5px;width:314px;height:481px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/fc8c249cd8ec23fe4ce43f57fadd0602_origin.jpg&quot;); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="Presentation c-transition-item" id="page_0a72ac4154ace94c"
                             style="background-color: rgb(255, 255, 255); width: 100%; height: 100%;">
                        <div class="interaction-area typo"
                             style="width: 100%; height: 100%; margin-left: 0px; margin-top: 0px;">
                            <div class="interaction-view">
                                <div class="iView dynamic" data-type="Image" id="20150929190256627754182"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160, 239.5); z-index: 1000; opacity: 1;">
                                    <div class="iImage Element"
                                         style="position:absolute;left: -156px; top: -239.5px;width:312px;height:479px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/b1e9eef6941185c7c3bf9fb265d400dd_origin.jpg&quot;); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="Presentation c-transition-item" id="page_bb2adf1ba8158aea"
                             style="background-color: rgb(255, 255, 255); width: 100%; height: 100%;">
                        <div class="interaction-area typo"
                             style="width: 100%; height: 100%; margin-left: 0px; margin-top: 0px;">
                            <div class="interaction-view">
                                <div class="iView dynamic" data-type="Image" id="20150929190333525093557"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160, 239.5); z-index: 1000; opacity: 1;">
                                    <div class="iImage Element"
                                         style="position:absolute;left: -158px; top: -242.5px;width:316px;height:485px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/70189ce8e047ec4cf4e3d89dd47cd4de_origin.jpg&quot;); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="Presentation c-transition-item" id="page_d167ac3490af9c76"
                             style="background-color: rgb(255, 255, 255); width: 100%; height: 100%;">
                        <div class="interaction-area typo"
                             style="width: 100%; height: 100%; margin-left: 0px; margin-top: 0px;">
                            <div class="interaction-view">
                                <div class="iView dynamic" data-type="Image" id="20150929190402768376153"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160, 241); z-index: 1000; opacity: 1;">
                                    <div class="iImage Element"
                                         style="position:absolute;left: -157px; top: -241px;width:314px;height:482px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/4f8708472104b8f606983c9f48ea4292_origin.jpg&quot;); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="Presentation c-transition-item" id="page_989c0fd5a062599d"
                             style="background-color: rgb(255, 255, 255); width: 100%; height: 100%;">
                        <div class="interaction-area typo"
                             style="width: 100%; height: 100%; margin-left: 0px; margin-top: 0px;">
                            <div class="interaction-view">
                                <div class="iView dynamic" data-type="Image" id="20150929190425212986751"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 159.5, 239.5); z-index: 1000; opacity: 1;">
                                    <div class="iImage Element"
                                         style="position:absolute;left: -158.5px; top: -243.5px;width:317px;height:487px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/181d672f4c92823717bcf5005995a37a_origin.jpg&quot;); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="Presentation c-transition-item" id="page_c82b25e94cf7e2fe"
                             style="background-color: rgb(255, 255, 255); width: 100%; height: 100%;">
                        <div class="interaction-area typo"
                             style="width: 100%; height: 100%; margin-left: 0px; margin-top: 0px;">
                            <div class="interaction-view">
                                <div class="iView dynamic" data-type="Image" id="20150930122343293012392"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 150, 150); z-index: 1000;">
                                    <div class="iImage Element"
                                         style="position: absolute; left: -100px; top: -100px; width: 200px; height: 200px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                </div>
                                <div class="iView dynamic" data-type="Image" id="20150930122344100636441"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160, 245); z-index: 1001; opacity: 1;">
                                    <div class="iImage Element"
                                         style="position:absolute;left: -158px; top: -243px;width:316px;height:486px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/c240459a28c7aa0ff056fda11e54f84d_origin.jpg&quot;); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="Presentation c-transition-item" id="page_d2d6c0628a0a8f1a"
                             style="background-color: rgb(255, 255, 255); width: 100%; height: 100%;">
                        <div class="interaction-area typo"
                             style="width: 100%; height: 100%; margin-left: 0px; margin-top: 0px;">
                            <div class="interaction-view">
                                <div class="iView dynamic" data-type="Image" id="20150929190536726801507"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160, 240.5); z-index: 1000; opacity: 1;">
                                    <div class="iImage Element"
                                         style="position:absolute;left: -158px; top: -242.5px;width:316px;height:485px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/ea9845526b93c1e19ab1e85e5b84f479_origin.jpg&quot;); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic hasaction" data-type="Image" id="e_d4c263c21ac82c2f"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 282.5, 21.5); z-index: 1001; opacity: 1; cursor: pointer; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none;">
                                    <div class="iImage Element"
                                         style="position:absolute;left: -10.5px; top: -10.5px;width:21px;height:21px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/1245e52ed8b287e3eb15335bdfdb1c2c_origin.jpg&quot;); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="Presentation c-transition-item" id="page_ca82f9c90cf4903a"
                             style="background-color: rgb(255, 255, 255); width: 100%; height: 100%;">
                        <div class="interaction-area typo"
                             style="width: 100%; height: 100%; margin-left: 0px; margin-top: 0px;">
                            <div class="interaction-view">
                                <div class="iView dynamic hide " data-type="Image" id="20150929190604554698731"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, -9999, -9999); z-index: 1000; opacity: 1;">
                                    <div class="iImage Element"
                                         style="position:absolute;left: -167.5px; top: -256px;width:335px;height:512px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/f6201eebf3437536b89523ac1d53cd03_origin.jpg&quot;); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic hide  hasaction" data-type="Image"
                                     id="20150929190729895165590"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 169, 392.5); z-index: 1001; opacity: 0; cursor: pointer; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none;">
                                    <div class="iImage Element"
                                         style="position:absolute;left: -77px; top: -16.5px;width:154px;height:33px;">
                                        <div class="image_wrap el_wrap bk_full"
                                             style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/0faf6eaf669ac4dddd3c60c3f32a3937_origin.png&quot;); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                    </div>
                                </div>
                                <div class="iView dynamic" data-type="Image" id="20151118145421632409610"
                                     style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160, 163); z-index: 1002;">
                                    <div class="iImage Element"
                                         style="position: absolute; left: -100px; top: -100px; width: 200px; height: 200px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                                </div>
                            </div>
                        </div>
                    </section>
                </section>
            </div>
            <section class="Presentation c-transition-item c-transition-current" id="page_13853534097181"
                     style="background-color: rgb(255, 255, 255); width: 100%; height: 100%;" data-down="1">
                <div class="interaction-area typo"
                     style="width: 100%; height: 100%; margin-left: 0px; margin-top: 0px;">
                    <div class="interaction-view">
                        <div class="iView dynamic" data-type="Image" id="20150929182533328656242"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 150, 150); z-index: 1000;">
                            <div class="iImage Element"
                                 style="position: absolute; left: -100px; top: -100px; width: 200px; height: 200px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                        </div>
                        <div class="iView dynamic" data-type="Image" id="20150929182855524986626"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 150, 150); z-index: 1001;">
                            <div class="iImage Element"
                                 style="position: absolute; left: -100px; top: -100px; width: 200px; height: 200px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                        </div>
                        <div class="iView dynamic" data-type="Image" id="20150929185239486661422"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160, 240.5); z-index: 1002; opacity: 1;">
                            <div class="iImage Element"
                                 style="position:absolute;left: -156px; top: -239.5px;width:312px;height:479px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/af56f5bf51c453c0d3a58ce2fcb981a5_origin.jpg&quot;); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="Presentation c-transition-item c-transition-down" id="page_3027f58f495915ac"
                     style="background-color: rgb(255, 255, 255); width: 100%; height: 100%;">
                <div class="interaction-area typo"
                     style="width: 100%; height: 100%; margin-left: 0px; margin-top: 0px;">
                    <div class="interaction-view">
                        <div class="iView dynamic" data-type="Image" id="20150929190132481423463"
                             style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 160, 240.5); z-index: 1000; opacity: 1;">
                            <div class="iImage Element"
                                 style="position:absolute;left: -158px; top: -242.5px;width:316px;height:485px;">
                                <div class="image_wrap el_wrap bk_full"
                                     style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url(&quot;http://qn.media.epub360.com/materials/origin/bf5ac646c7d646a8263d5027b9b672c0_origin.jpg&quot;); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <div class="iView dynamic master" data-type="Audio" id="20150930170302213787172"
         style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 75, 75);">
        <div class="iAudio Element"
             style="position: absolute; left: -25px; top: -25px; background-color: transparent; width: 50px; height: 50px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
    </div>
    <div class="iView dynamic master hasaction" data-type="Button" id="20150930170353703086463"
         style="width: 0px; height: 0px; transform: matrix(1, 0, 0, 1, 286.5, 25); z-index: 2001; opacity: 1; cursor: pointer;">
        <div class="iButton Element"
             style="position:absolute;left: -12.5px; top: -12px;background-color:transparent;width:25px;height:24px;">
            <div class="image_wrap el_wrap"
                 style="left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; transform: matrix3d(0.754251, 0.656586, 0, 0, -0.656586, 0.754251, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                <img class="Context iconNormal" id="e_c36"
                     style="width: 100%; height: 100%; position: absolute; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none;"
                     src="http://qn.media.epub360.com/materials/origin/c9171512908d34a6686589e82267dba2_origin.jpg"><img
                    class="Context iconActive" id="e_c38"
                    style="width: 100%; height: 100%; position: absolute; display: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none;"
                    src="http://qn.media.epub360.com/materials/origin/9bf706c94b79928d3872ae9c53007e47_origin.jpg">
            </div>
        </div>
    </div>

    <nav class="iView master nav-vertical pagenumber"
         style="position: absolute; left: -6px; top: -86px; display: none;">
        <li class="active"><a href="#" data-index="0"></a></li>
        <li class=""><a href="#" data-index="1"></a></li>
        <li class=""><a href="#" data-index="2"></a></li>
        <li class=""><a href="#" data-index="3"></a></li>
        <li class=""><a href="#" data-index="4"></a></li>
        <li class=""><a href="#" data-index="5"></a></li>
        <li class=""><a href="#" data-index="6"></a></li>
        <li class=""><a href="#" data-index="7"></a></li>
        <li class=""><a href="#" data-index="8"></a></li>
        <li class=""><a href="#" data-index="9"></a></li>
    </nav>
</div>


<div id="epub360-ad" class="epub360-logo2"><a class="www c-linkblock"
                                              href="http://www.epub360.com/?utm_source=epub360&amp;utm_medium=player&amp;utm_content=website&amp;utm_campaign=share"><img
        class="logo" src="http://qty83k.creatby.com/materials/origin/c32f934148c94e8744700d032a06b426_origin.png"></a><a
        class="support c-linkblock"
        href="http://www.epub360.com/?utm_source=epub360&amp;utm_medium=player&amp;utm_content=website&amp;utm_campaign=share">
    <p class="first">技术支持</p>
    <p class="second">意派Epub360 H5</p></a><a class="close c-linkblock"
                                             href="javascript:$('#epub360-ad').toggleClass('show');"><p> ×</p></a></div>


<script type="text/javascript" src="//v2static.epub360.com/diazo/epub360player/player.1f5facc6.cache.js"></script>


<script type="text/javascript" src="//js.epub360.com/ombibz/17/index.js"></script>


<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>


<script type="text/javascript" src="//v2static.epub360.com/diazo/player-built/require.built.0e849568.cache.js"></script>
<script type="text/javascript" src="//cdn.bootcss.com/jquery/1.8.1/jquery.min.js"></script>

<script type="text/javascript">
    var epub360_player = [];
    if (isMobilePlayer) {

        epub360_player = '//v2static.epub360.com/diazo/player-built/mobileview.built.229a783b.cache.js';

    } else {
        epub360_player = '//v2static.epub360.com/diazo/player-built/touchview.built.3e82d160.cache.js';
    }
    player_modules.push(epub360_player);


    if (typeof epub360InitEvent == 'function') {
        epub360InitEvent();
    }
</script>


<!-- 分享信息-->
<script type="text/javascript">
    $script(player_modules, 'player');
    $script.ready('player', function () {
        var _i = window.setInterval(function () {
            if (window.start_player) {
                if (loadmodules.length) {
                    $script(loadmodules, 'modules');
                    $script.ready('modules', function () {
                        console.log('loaded');
                        if (!window.js_loaded) {
                            window.js_loaded = true;
                            window.start_player();
                        }
                    })
                }
                else {
                    if (!window.js_loaded) {
                        window.js_loaded = true;
                        window.start_player();
                    }
                }
                clearInterval(_i);
            }
        }, 50);
    })

    var bookTitle = '中国人 中国行';
    var msgContent = '66年盛世中华我们共同走过！领十一打车券，滴滴出行助力国人幸福前行！'; // 微信转发短语
    var msgTitle = '中国人 中国行'; // 微信转发标题
    var shareTitle = '中国人 中国行'; // 微信分享朋友圈标题
    var appid = '';
    // 微信分享图片
    var imgUrl = 'http://qn.media.epub360.com/book/icon/c0f4e8e443ac6714e94b905356050999_origin.png';
    if (window.location.protocol != 'https:' && imgUrl.indexOf(window.location.protocol) < 0) {
        if (imgUrl[0] == '.') {
            imgUrl = '/' + imgUrl;
        }
        imgUrl = window.location.protocol + '//' + window.location.host + imgUrl;
    }

    var localUrl = window.location.origin + window.location.pathname;
    var localSearch = window.location.search;

    // 微信分享网址
    var message_link = localUrl + localSearch;
    var message_hash = window.location.hash;
</script>
<script type="text/javascript" src="//v2static.epub360.com/diazo/epub360player/weixin.0f67623f.cache.js"></script>
<div id="soundcontainer">
    <audio id="bgsound" loop="loop"
           src="http://qn.media.epub360.com/materials/audio/fbda9991ec5506036b53b65f3d8e05bf_xfJPCGz.mp3">
        <source src="http://qn.media.epub360.com/materials/audio/fbda9991ec5506036b53b65f3d8e05bf_xfJPCGz.mp3">
    </audio>
</div>


<!-- Piwik -->
<script type="text/javascript">
    var _paq = _paq || [];
    _paq.push(['setCustomVariable', 1, 'slug', 'e-ombibz', 'page']);
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
    var load_analytics = function () {
        var u = "http://analytics.21epub.com/";
        _paq.push(['setTrackerUrl', u + 'analytics/']);
        _paq.push(['setSiteId', 'epub360']);
        var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
        g.type = 'text/javascript';
        g.async = true;
        g.defer = true;
        g.src = '//v2static.epub360.com/thirdparty/piwik/piwik.js';
        s.parentNode.insertBefore(g, s);
    }
</script>

<!-- End Piwik Code -->


<div id="preloader"></div>
<div class="presentation-area" style="display: none;">
    <div class="controlbar">
        <div class="logo"></div>
        <div class="progress"><span style="width: 100%;"></span></div>


        <div class="btn-group action-control" style="margin-left: -90px;">
            <button class="btn navigate-left" href="#"><i class="icon-chevron-left icon-2x"></i></button>
            <button class="btn navigate-right" href="#"><i class="icon-chevron-right icon-2x"></i></button>
            <button class="btn navigate-up" href="#"><i class="icon-chevron-up icon-2x"></i></button>
            <button class="btn navigate-down enabled" href="#"><i class="icon-chevron-down icon-2x"></i></button>

        </div>

    </div>
</div>
<div class="touchslide_overview disableMouseWheel iMouseWheel"
     style="width: 100%; height: 100%; position: absolute; left: 0px; z-index: 10000; overflow: auto; top: 0px; display: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none;">
    <div class="touchslide_overview_container"
         style="width: 250px; height: 375px; margin-left: -125px; margin-top: -187.5px;">
        <div class="touchslide_overview_wrap disableMouseWheel iMouseWheel" style="top: 0px;">
            <div class="touchslide_overview_group" data-index="0" style="position:absolute;left:0px;top:0;">
                <div class="touchslide_overview_item" data-indexh="0" data-indexv="0"
                     style="position: absolute; top: 0px; left: 0px; width: 250px; height: 375px; background-color: rgb(255, 255, 255); outline: red solid 2px;"></div>
                <div class="touchslide_overview_item" data-indexh="0" data-indexv="1"
                     style="position: absolute; top: 385px; left: 0px; width: 250px; height: 375px; background-color: rgb(255, 255, 255); outline: rgb(204, 204, 204) solid 1px;"></div>
                <div class="touchslide_overview_item" data-indexh="0" data-indexv="2"
                     style="position: absolute; top: 770px; left: 0px; width: 250px; height: 375px; background-color: rgb(255, 255, 255); outline: rgb(204, 204, 204) solid 1px;"></div>
                <div class="touchslide_overview_item" data-indexh="0" data-indexv="3"
                     style="position: absolute; top: 1155px; left: 0px; width: 250px; height: 375px; background-color: rgb(255, 255, 255); outline: rgb(204, 204, 204) solid 1px;"></div>
                <div class="touchslide_overview_item" data-indexh="0" data-indexv="4"
                     style="position: absolute; top: 1540px; left: 0px; width: 250px; height: 375px; background-color: rgb(255, 255, 255); outline: rgb(204, 204, 204) solid 1px;"></div>
                <div class="touchslide_overview_item" data-indexh="0" data-indexv="5"
                     style="position: absolute; top: 1925px; left: 0px; width: 250px; height: 375px; background-color: rgb(255, 255, 255); outline: rgb(204, 204, 204) solid 1px;"></div>
                <div class="touchslide_overview_item" data-indexh="0" data-indexv="6"
                     style="position: absolute; top: 2310px; left: 0px; width: 250px; height: 375px; background-color: rgb(255, 255, 255); outline: rgb(204, 204, 204) solid 1px;"></div>
                <div class="touchslide_overview_item" data-indexh="0" data-indexv="7"
                     style="position: absolute; top: 2695px; left: 0px; width: 250px; height: 375px; background-color: rgb(255, 255, 255); outline: rgb(204, 204, 204) solid 1px;"></div>
                <div class="touchslide_overview_item" data-indexh="0" data-indexv="8"
                     style="position: absolute; top: 3080px; left: 0px; width: 250px; height: 375px; background-color: rgb(255, 255, 255); outline: rgb(204, 204, 204) solid 1px;"></div>
                <div class="touchslide_overview_item" data-indexh="0" data-indexv="9"
                     style="position: absolute; top: 3465px; left: 0px; width: 250px; height: 375px; background-color: rgb(255, 255, 255); outline: rgb(204, 204, 204) solid 1px;"></div>
            </div>
        </div>
    </div>
</div>
</body>
</html>